.page {
	position: absolute;
	width: 100%;
	// height: 100%;
	background: #f6f6f6;
	overflow-x: hidden;
	// overflow-y: auto;
}
//店铺
.shop{
	
	padding: 0 4%;
	margin: 20rpx auto;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	overflow: hidden;
	.shop-list{
		.goods{
			margin: 20rpx;
			display: flex;
			border-bottom: 2rpx solid #f6f6f6;
			image{
				width: 100rpx;
				height: 100rpx;
			}
			.item{
				margin: 20rpx;
				.attribute{
					color: #CCCCCC;
				}
			}
			.look{
				
					display: flex;
					align-items: center;
					justify-content: center;
					width: 15%;
					height: 50rpx;
					background: $change-clor;
					border-radius: 70rpx;
					margin: 30rpx 30rpx 30rpx 200rpx;
					text{
						font-size: 26rpx;
						color: #FFFFFF;
					}
				
			}
		}
	
		
	}
}
//店铺产品
	.production {
		margin: 10rpx 30rpx;
		.title{
			width: 150rpx;
			padding-bottom: 10rpx;
			font-size: 32rpx;
			color: $base;
			font-weight: bold;
			border-bottom: 4rpx solid $base;
		}
		
		

		.production-container {
			display: flex;
			/* 嵌套一个Flex容器来容纳两个产品 */
			flex-direction: row;
			/* 设置子项的排列方向为行 */
			width: 100%;
			/* 容器宽度占满 */
			flex-wrap: wrap;
			/* 使得子项在空间不足时换行 */
		}

		.production-item {
			border-radius: 30rpx;
			background-color: #ffffff;
			flex: 1;
			/* 设置每个生产项的灵活增长比率 */
			margin: 17rpx 14rpx;
			max-width: 320rpx;
			/* 设置最大宽度 */
			box-sizing: border-box;
			/* 包括内边距和边框 */
		}
	}
